<template>
  <Dialog :appDialog="appDialogSelectStoreType" @close="closeDialog">
    <select-store-type @select="closeDialog" />
  </Dialog>
</template>
<script setup lang="tsx">
import { reactive, ref, watch, computed } from 'vue'
import Dialog from '@/components/Dialog.vue'
import selectStoreType from './selectStoreType.vue'

interface Props {
  modelValue: boolean
}
const props = withDefaults(defineProps<Props>(), {
    modelValue: false
})
const emit = defineEmits(['update:modelValue'])

let appDialogSelectStoreType = reactive<any>({
    visible: false,
    isHiddenFoot: true,
    title: '请选择店铺类型',
    width: '600px',
})

const closeDialog = ()=>{
  emit('update:modelValue', false)
}

watch(()=>props.modelValue, (val:boolean)=>{
  appDialogSelectStoreType.visible = val
  emit('update:modelValue', val)
})
</script>
<style scoped lang="scss">
</style>
